<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>活动详情</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/detail.css" />
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/activity.css" />

</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <section class="bodymain">
            <!-- 活动信息 -->
        <div class="order_detail mt15">
            <!-- <div class="productlist_title">
                基本信息
            </div> -->
            <div class="dcwj_con2">
                <div class="dcwj_list">
                    <div class="fmly_lft fl">活动名称</div>
                    <div class="dcwj_left fr">
                        {{SaleActivityInfo.Name}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft fl">所属项目</div>
                    <div class="dcwj_left fr">
                        {{SaleActivityInfo.ProjectNameList}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft fl">活动类型</div>
                    <div class="dcwj_left fr">
                        {{SaleActivityInfo.TypeDesc}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft fl">折扣</div>
                    <div class="dcwj_left fr">
                        {{SaleActivityInfo.Discount}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft fl">有效期</div>
                    <div class="dcwj_left fr">
                        {{SaleActivityInfo.ValidEndTime}}前有效
                    </div>
                </div>
            </div>
        </div>
        <div class="order_detail mt15">
            <div class="pro_choose font7 color9">已选择 {{ProductList.length}} 种商品</div>
            <div v-if="ProductList!=undefined&&ProductList.length>0" class="order_product">
                <ul class="aui-list aui-media-list" style="background-size:100% 0px; border: none;">
                    <li class="aui-list-item" v-for="item in ProductList" style="border: none; background-size:100% 0px; position: relative;">
                        <div class="aui-media-list-item-inner btn_line" v-on:click="do_opendetail(item.ID)">
                            <div class="aui-list-item-media">
                                <img :src="item.CoverImage">
                            </div>
                            <div class="aui-list-item-inner">
                                <div class="pro-list-item-title aui-ellipsis-2">
                                    {{item.ProductName}}
                                </div>
                                <div class="pro_type">
                                    <div class="pro_type_item fl aui-ellipsis-1">型号名称：{{item.TypeTitle}}</div>
                                    <div class="pro_type_itemrgt  fr aui-ellipsis-1">销售价：￥{{item.SalePrice}}</div>
                                    <div class="pro_type_item fl aui-ellipsis-1">限购数量：{{item.LimitCount}}</div>
                                    <div class="pro_type_itemrgt  fr aui-ellipsis-1">会员价：<span class="font75 font-weight" style="color: #333;">￥{{item.ActivityPrice}}</span></div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div v-if="ProductList!=undefined&&ProductList.length<=0" class="noshuju">
                <van-empty description="暂无数据" />
            </div>


        </div>
        </section>
        <div class="pagebtn" v-if="SaleActivityInfo.Status!=1">
            <div class="linebuttom sortwidth ml4 fl" v-on:click="do_removeorder()">删除</div>
            <div class="buttom sortwidth mr4 fr" v-on:click="do_editorder()">编辑</div>
        </div>
        <div class="pagebtn" v-if="SaleActivityInfo.Status==1">
            <div class="buttom longwidth" v-on:click="do_saveProduct()">结束活动</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/activity_detail.js"></script>



</html>
